<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Internal CSS</title>

<style>
	h3{font-family:"Comic Sans MS", cursive}
	ol{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
	.header{font-size:16px;font-style:italic}
	#listID{color:#660066}
</style>

</head>

<body>
	<h3>Ordered list</h3>
    <ol>
    	<li id="listID">apple</li>
        <li>orange</li>
        <li>grapes</li>
    </ol>
	<ol>
    	<li>Mango</li>
        <li>papaya</li>
        <li>lime</li>
    </ol>
    <h3 class="header">Unordered list</h3>
    <ul>
    	<li>apple</li>
        <li>orange</li>
        <li>grapes</li>    	
    </ul>
    <h3 class="header">list is over</h3>
</body>
</html>
